<title>个人中心</title>
<!-- ajax layout which only needs content area -->
<div class="page-header">
  <h1>用户中心</h1>
</div><!-- /.page-header -->

<div class="row">
  <div class="col-xs-12">
    <div>
      <div id="user-profile-1" class="user-profile row">
        <div class="col-xs-12 col-sm-3 center">
          <div>
            <!-- #section:pages/profile.picture -->
            <span class="profile-picture">
							<img width="180px" height="200px" id="avatar" class="editable" alt="Alex's Avatar"
                   src="../assets/avatars/profile-pic.jpg"/>
						</span>

            <!-- /section:pages/profile.picture -->
            <div class="space-4"></div>

            <div class="width-80 label label-info label-xlg arrowed-in arrowed-in-right">
              <div class="inline position-relative">

                <i class="ace-icon fa fa-circle light-green"></i>
                &nbsp;
                <span class="white" id="buserName"> </span>
              </div>
            </div>
          </div>

          <div class="space-6"></div>

          <!-- #section:pages/profile.contact -->
          <div class="profile-contact-info">
            <div class="profile-contact-links align-left">
              <p class="pld10">
                <i class="ace-icon fa fa-mobile-phone bigger-200 green"></i>
                <span id="buserMobile"></span>
              </p>
              <p class="pld10">
                <i class="ace-icon fa fa-envelope bigger-120 pink"></i>
                <span id="buserEmail"></span>
              </p>
              <p class="pld10">
                <i class="ace-icon fa fa-credit-card bigger-125 blue"></i>
                <span id="buserCertNo"></span>
              </p>

              <p class="pld10">
                <i class="ace-icon fa fa-globe bigger-125 green"></i>
                <span id="buserAddress"></span>
              </p>
            </div>
          </div>

          <!-- /section:pages/profile.contact -->
          <div class="hr hr12 dotted"></div>

          <!-- #section:custom/extra.grid -->
          <div class="clearfix">
            <div class="grid3">
              <span class="bigger-125 blue" id="ACCOUNT_MEMBER_GRADE"> </span>
              <br/>
              星级客户
            </div>

            <div class="grid3">
              <span class="bigger-125 blue" id="ACCOUNT_AVAILABLE_SCORE"></span>
              <br/>
              剩余积分
            </div>

            <div class="grid3">
              <span class="bigger-125 blue" id="ACCOUNT_USED_SCORE"> </span>
              <br/>
              已用积分
            </div>
          </div>
          <div class="hr hr12 dotted"></div>
          <div class="clearfix">
            <span class="btn btn-white btn-info btn-bold center" id="Recharge"><i
              class="ace-icon fa fa-rmb bigger-120 blue"></i>充值</span>
          </div>
          <!-- /section:custom/extra.grid -->
          <div class="hr hr16 dotted"></div>
        </div>
        <div class="col-xs-12 col-sm-9">


          <div class="tabbable">
            <ul class="nav nav-tabs" id="myTab">
              <li class="active">
                <a data-toggle="tab" href="#buserOrder">
                  <i class="green ace-icon fa fa-home bigger-120"></i>
                  客户订单
                </a>
              </li>

              <li class="">
                <a data-toggle="tab" href="#buserInScore">
                  <i class="green ace-icon fa fa-home bigger-120"></i>
                  积分收入
                </a>
              </li>


              <li class="">
                <a data-toggle="tab" href="#buserOutScore">
                  <i class="green ace-icon fa fa-home bigger-120"></i>
                  积分支出
                </a>
              </li>


              <li class="">
                <a data-toggle="tab" href="#Collection">
                  <i class="green ace-icon fa fa-home bigger-120"></i>
                  收藏
                </a>
              </li>


              <li class="">
                <a data-toggle="tab" href="#History">
                  <i class="green ace-icon fa fa-home bigger-120"></i>
                  浏览历史
                </a>
              </li>
            </ul>

            <div class="tab-content clearfix">
              <div id="buserOrder" class="tab-pane fade in active">
                <div class="widget-box transparent">
                  <div class="widget-header widget-header-small">
                    <h4 class="widget-title blue smaller">
                      <i class="ace-icon fa fa-rss orange"></i>
                      客户订单
                    </h4>
                  </div>


                  <div class="widget-main padding-8">
                    <div class="row">
                      <div class="col-xs-12">
                        <table id="grid-table-buserOrder"></table>
                        <div id="grid-pager-buserOrder"></div>
                      </div><!-- /.col -->
                    </div>
                  </div>

                </div>
              </div>

              <div id="buserInScore" class="tab-pane fade in">
                <div class="widget-box transparent">
                  <div class="widget-header widget-header-small">
                    <h4 class="widget-title blue smaller">
                      <i class="ace-icon fa fa-rss orange"></i>
                      积分收入
                    </h4>
                  </div>


                  <div class="widget-main padding-8">
                    <div class="row">
                      <div class="col-xs-12">
                        <table id="grid-table-buserInScore"></table>
                        <div id="grid-pager-buserInScore"></div>
                      </div><!-- /.col -->
                    </div>
                  </div>

                </div>
              </div>

              <div id="buserOutScore" class="tab-pane fade in">
                <div class="widget-box transparent">
                  <div class="widget-header widget-header-small">
                    <h4 class="widget-title blue smaller">
                      <i class="ace-icon fa fa-rss orange"></i>
                      积分支出
                    </h4>
                  </div>

                  <div class="widget-body">
                    <div class="widget-main padding-8">
                      <div class="row">
                        <div class="col-xs-12">
                          <table id="grid-table-buserOutScore"></table>
                          <div id="grid-pager-buserOutScore"></div>
                        </div><!-- /.col -->
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div id="Collection" class="tab-pane fade in">
                <div class="widget-box transparent">
                  <div class="widget-header widget-header-small">
                    <h4 class="widget-title blue smaller">
                      <i class="ace-icon fa fa-rss orange"></i>
                      收藏
                    </h4>
                  </div>

                  <div class="widget-body">
                    <div class="widget-main padding-8">
                      <div class="row">
                        <div class="col-xs-12">
                          <table id="grid-table-Collection"></table>
                          <div id="grid-pager-Collection"></div>
                        </div><!-- /.col -->
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div id="History" class="tab-pane fade in">
                <div class="widget-box transparent">
                  <div class="widget-header widget-header-small">
                    <h4 class="widget-title blue smaller">
                      <i class="ace-icon fa fa-rss orange"></i>
                      浏览历史
                    </h4>
                  </div>

                  <div class="widget-body">
                    <div class="widget-main padding-8">
                      <div class="row">
                        <div class="col-xs-12">
                          <table id="grid-table-History"></table>
                        </div><!-- /.col -->
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>


        </div>
      </div>
    </div>
    <!-- PAGE CONTENT ENDS -->
  </div><!-- /.col -->
</div><!-- /.row -->

<!-- page specific plugin scripts -->
<script src="../public/javascripts/scripts/biuser/detail.js">
